<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!DOCTYPE html>
<!-- saved from url=(0041)https://www.zretc.net/classrooms/personal -->
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

    <title>go健身</title>

    <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1">
    <!-- <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, viewport-fit=cover"> -->
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <!-- <script type="text/javascript" data-framework src="/webApp/js/common/raven.min.js" crossorigin="anonymous"></script> -->

    <script>
        if (${empty sessionScope.user}) {
            window.location.href='${pageContext.request.contextPath}/login/userLogin.jsp';
        }
    </script>
    <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/style/css/elementui.css">
    <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/style/css/elements.css" >
    <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/style/css/train_banner_429adde.css" >
    <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/style/css/components_9031f76.css" >
    <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/style/css/personal_nav_5b79317.css">
    <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/style/css/classroom_a85a9c7.css">
    <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/style/css/iconfont.css">
    <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/style/css/common_dbbbd09.css">
    <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/style/css/lineariconss.css">
    <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/style/css/bootstraps.css">
    <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/style/css/mains.css">
    <script  src="${pageContext.request.contextPath}/style/js/bootstrap.js"></script>
    <link rel="stylesheet" href="${pageContext.request.contextPath}/style/css/bootstrap.min.css">
    <link rel="stylesheet" href="${pageContext.request.contextPath}/style/css/dashboard.css">

    <style type="text/css">
        [v-cloak] {
            display: none;
        }

        .training_activity_list_header {
            background-image:url(${pageContext.request.contextPath}/style/images/ct.jpg);
            background-repeat: no-repeat;
            background-size:  1140px 100%;
            background-position:140px 0px ;
        }
    </style>
    <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/style/css/main_269e229.css">
</head>
<body>
<div id="app" style="position: relative; min-height: calc(100vh - 195px);">
    <div class="header_box">
        <header id="header">
            <%--		<div class="header-top">
                        <div class="container">
                            <div class="row align-items-center justify-content-center">
                                <div class="col-md-4 col-4 header-top-left no-padding">
                                  <a href="mailto:support@colorlib.com"><span class="lnr lnr-location"></span></a>
                                  <a class="contact-texts" href="mailto:support@colorlib.com">support@colorlib.com</a>
                                </div>
                                <div class="col-md-4 col-4 header-top-bottom no-padding">
                                  <a href="index1.jsp"><img class="img-fluid" src="${pageContext.request.contextPath}/page/img/logo.png" alt="" title="" /></a>
                                </div>
                                <div class="col-md-4 col-4 header-top-right no-padding">
                                  <a class="contact-texts" href="tel:+440 123 12 658 439">+440 123 12 658 439</a>
                                  <a href="tel:+440 123 12 658 439"><span class="lnr lnr-phone-handset"></span></a>
                                </div>
                            </div>
                        </div>
                  </div>--%>
            <div class="container main-menu">
                <div class="row align-items-center justify-content-center">
                    <nav id="nav-menu-container">
                        <ul class="nav-menu">
                            <li class="menu-active"><a href="${pageContext.request.contextPath}/page/index1.jsp">首页</a></li>
                            <li><a href="${pageContext.request.contextPath}/actionlibrary/actionlibrary.jsp">健身课程库</a></li>
                            <li><a href="${pageContext.request.contextPath}/page/services.jsp">特设课堂</a></li>
                            <li><a href="${pageContext.request.contextPath}/page/trainers.jsp">图库</a></li>
                            <li class="menu-has-children"><a href="">更多</a>
                                <ul>
                                    <li><a href="${pageContext.request.contextPath}/front/FavoritePage.jsp">我的收藏</a></li>
                                    <li><a href="${pageContext.request.contextPath}/front/HistoryPage.jsp">历史记录</a></li>
                                </ul>
                            </li>
                            <li><a href="${pageContext.request.contextPath}/page/elements.jsp">联系我们</a></li>
                            <li><a href="${pageContext.request.contextPath}/page/contact.jsp">关于我们</a></li>
                            <li>


                                <div class="item-group" id="me">

                                </div>
                            </li>
                        </ul>
                    </nav><!-- #nav-menu-container -->
                </div>
            </div>
        </header><!-- #header -->
    </div>
    <main style="padding-top: 0px">
        <header>
            <div class="training_activity_list_header" />

            <div class="training_activity_list_header_ware"></div>
                <div class="training_activity_list_userinfo"><img src="${pageContext.request.contextPath}/FileDownloadServlet?fileName=${sessionScope.user.userImg}"
                                                              onerror='this.src="${pageContext.request.contextPath}/style/images/titlel.jpg"'  class="training_activity_list_portrait">
                <div class="training_activity_list_nickname left">${sessionScope.user.userName}</div>

            </div>
            <c:if test="${sessionScope.user.vipState == '1'}">
                <img src="${pageContext.request.contextPath}/style/images/vip11.png" style="height: 20px;position: absolute;top: 113px;left: 215px;">
            </c:if>
        </header>
        <article>
            <div class="training_activity_list_main clearfix">
                <div class="personalNav">
                    <ul>
                        <li ><a href="${pageContext.request.contextPath}/front/CenTer.jsp"
                                               class="co_333"><span class="iconfont icon-teach p_ibm Mrt20 Mlf30"></span>
                            <span>我的作品</span></a></li>
                        <li><a href="${pageContext.request.contextPath}/front/FavoritePage.jsp" class="co_333"><span
                                class="iconfont icon-homework p_ibm Mrt20 Mlf30"></span>
                            <span>收藏</span></a></li>
                        <li><a href="${pageContext.request.contextPath}/front/HistoryPage.jsp" class="co_333"><span
                                class="iconfont icon-play p_ibm Mrt20 Mlf30"></span> <span>历史记录</span></a>
                        </li>
                        <li><a href="${pageContext.request.contextPath}/front/UpdateInfo.jsp" class="co_333"><span
                                class="iconfont icon-course p_ibm Mrt20 Mlf30"></span> <span>账号设置</span></a>
                        </li>
                        <li><a href="${pageContext.request.contextPath}/front/PublishVideo.jsp" class="co_333"><span
                                class="iconfont icon-hand_edit p_ibm Mrt20 Mlf30"></span>
                            <span>作品发布</span></a></li>
                        <li class="checkon" ><a href="#" class="co_333"><span
                                class="iconfont icon-admin p_ibm Mrt20 Mlf30"></span>
                            <span>充值服务</span></a></li>
                        <li id="exitUser"><a href="#" class="co_333"><span
                                class="iconfont icon-setup p_ibm Mrt20 Mlf30"></span>
                            <span>退出登入</span></a></li>

                    </ul>
                </div>
                <div class="training_activity_list_detailed">
                    <div class="training_activity_list_detailed_nav clearfix">
                        <ul class="left">
                            <li class="active">会员开通</li>
                        </ul>
                    </div>
                    <div class="Mtp20">
                        <ul class="vc_classroom" id="show">
                            <li class="li p_ibt pay" style="margin-right: 30px;" data-typeName="月卡" data-Money="9.9" data-month="1"><a
                                    href="#">
                                <div class="classroom_img" style="background-image: url('${pageContext.request.contextPath}/style/images/vip11.png');">
                                </div>
                                <div class="classroom_detail">
                                    <h2 title="Java方向企业人才技术栈" class="classroom_name">月卡</h2>
                                    <div class="fold_panel">
                                        <p class="description"><a>将提供VIP特权时长为30天,可以领取年卡挂饰等</a></p>
                                    </div>
                                    <div class="count_box">
                                        <h4 style="color: red;display:inline">人民币:9.9</h4>
                                        <button class="delBth pay" style="position: relative;left: 70px;font-size: 18px;background-color: #fbd74f;
                                        border-radius: 20px;width: 100px;font-weight: 600;border-style: none;" data-typeName="月卡" data-Money="9.9" data-month="1">充值</button>
                                    </div>
                                </div>
                            </a>
                            </li>
                            <li class="li p_ibt pay" style="margin-right: 30px;" data-typeName="季卡" data-Money="25" data-month="3"><a
                                    href="#">
                                <div class="classroom_img" style="background-image: url('${pageContext.request.contextPath}/style/images/vip22.png');" >
                                </div>
                                <div class="classroom_detail">
                                    <h2 title="Java方向企业人才技术栈" class="classroom_name">季卡</h2>
                                    <div class="fold_panel">
                                        <p class="description"><a>将提供VIP特权时长为90天,可以领取年卡挂饰等</a></p>
                                    </div>
                                    <div class="count_box">
                                        <h4 style="color: red;display:inline">人民币:25</h4>
                                        <button class="delBth pay" style="position: relative;left: 70px;font-size: 18px;background-color: #fbd74f;
                                        border-radius: 20px;width: 100px;font-weight: 600;border-style: none;" data-typeName="季卡" data-Money="25" data-month="3">充值</button>
                                    </div>
                                </div>
                            </a>
                            </li>
                            <li class="li p_ibt pay" style="margin-right: 30px;" data-typeName="年卡" data-Money="99" data-month="12"><a
                                    href="#">
                                <div class="classroom_img" style="background-image: url('${pageContext.request.contextPath}/style/images/vip33.png');">
                                </div>
                                <div class="assistant_flag" style="display: none;">助</div>
                                <div class="assistant_flag" style="display: none;">管</div>
                                <div class="classroom_detail">
                                    <h2 title="Java方向企业人才技术栈" class="classroom_name">年卡</h2>
                                    <div class="fold_panel">
                                        <p class="description"><a>将提供VIP特权时长为366天,可以领取年卡挂饰等</a></p>
                                    </div>
                                    <div class="count_box">
                                        <h4 style="color: red;display:inline">人民币:99</h4>
                                        <button class="delBth pay" style="position: relative;left: 70px;font-size: 18px;background-color: #fbd74f;
                                        border-radius: 20px;width: 100px;font-weight: 600;border-style: none;" data-Money="99" data-month="12" data-typeName="年卡">充值</button>
                                    </div>
                                </div>
                            </a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </article>
    </main>
</div>

<script type="text/javascript" data-loader="" src="${pageContext.request.contextPath}/style/js/config_b47c63a.js"></script>
<script type="text/javascript" data-loader="" src="${pageContext.request.contextPath}/style/js/jquery.min.js"></script>
<script type="text/javascript" data-loader="" src="${pageContext.request.contextPath}/style/js/remoteCall_77ab826.js"></script>
<script type="text/javascript" data-loader="" src="${pageContext.request.contextPath}/style/js/lodash.min.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath}/style/js/vue_63f7cd8.js"></script>
<script type="text/javascript" data-loader="" src="${pageContext.request.contextPath}/style/js/util_fad37ea.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath}/style/js/elementui.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath}/style/js/train_banner_66263da.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath}/style/js/components_52f8782.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath}/style/js/personal_nav_be8c381.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath}/style/js/classroom_63b138d.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath}/style/js/personal_87e9220.js"></script>
<script>
    document.write('<script src="//' + (location.host || 'localhost').split(':')[0] +
        ':35929/livereload.js?snipver=1"></' + 'script>')
</script>
<script src="//127.0.0.1:35929/livereload.js?snipver=1"></script>

<script type="text/javascript">
    $(function () {
        $("#exitUser").click(function () {
            var leep = confirm("确认退出");
            if(leep) {
                $.getJSON("${pageContext.request.contextPath}/UserPersonageController/exitUser", function (data) {
                    location.href="${pageContext.request.contextPath}/login/userLogin.jsp";
                })
            }
        })

        $(".pay").click(function () {
            var time = $(this).attr("data-month");
            $.getJSON("${pageContext.request.contextPath}/UserPersonageController/pass",{time:time}, function (data) {
            })
            window.location.href="${pageContext.request.contextPath}/AliPayController/aliPay/"+$(this).attr("data-money")+"/VIP/VIP";
        })
    })
</script>
</body>

</html>
